// 创建用户相关的小仓库
import { defineStore } from 'pinia'
//引入接口
import { reqLogin, reqUserInfo, reqLogout } from '@/api/user'
import { constantRoute } from '@/router/roures'

// 引入数据类型
import type { loginForm } from '@/api/user/type'
import type { UserState } from './types/type'
import { SET_TOKEN, GET_TOKEN, REMOVE_TOKEN } from '@/utils/token'
//创建用户小仓库
let useUserStore = defineStore('User', {
  // 小仓库存储数据的地方
  state: (): UserState => {
    return {
      token: GET_TOKEN(), // 用户唯一标识
      menuRoutes: constantRoute, // 菜单需要的数组.
      uesrname: '',
      avatar: '',
    }
  },
  // 异步| 逻辑的地方
  actions: {
    // 用户登录的地方
    async userLogin(data: loginForm) {
      // 登录请求
      let result = await reqLogin(data)
      // 登录请求: 成功200->token
      if (result.code === 200) {
        // pinia 仓库存储一下token
        // 由于pinia 或者vuex 就是用js对象存储数据,不持久
        this.token = result.data
        // 本地存储持久化存储一份
        SET_TOKEN(result.data)
        // 能保证当前async 返回一个成功的promise
        return Promise.resolve('ok')
      } else {
        return Promise.reject(new Error(result.data))
      }
    },
    // 获取用户信息的方法
    async userInfo() {
      // 获取用户信息进行存储仓库当中
      let result = await reqUserInfo()
      console.log('11', result)
      // 成功就存储
      if (result.code === 200) {
        let { name, avatar } = result.data
        this.username = name
        this.avatar = avatar
        return 'ok'
      } else {
        return Promise.reject(new Error(result.data))
      }
    },
    async userLogout() {
      const result = await reqLogout()
      if (result.code === 200) {
        this.token = ''
        this.username = ''
        this.avatar = ''
        REMOVE_TOKEN()
        return 'ok'
      } else {
        return Promise.reject(new Error(result.data))
      }
    },
  },
  getters: {},
})
//对外暴露使用小仓库的方法
export default useUserStore
